ul,li{
	padding: 0px;
	margin: 0px;
}
img{
	border: none;
}
#zoom{
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
	li{
		list-style: none;
	}
	.smallimg{
		width: 350px;
		height: 350px;
		float: left;
		border:1px solid #ccc;
		position: relative;
		li{
			position: absolute;
			left: 0px;
			top: 0px;
			overflow: hidden;
		}
		.slide{
			padding: 0px;
			margin: 0px;
			cursor: move;
			width: 175px;
			height: 175px;
			opacity: 0.5;
			filter:alpha(opacity=50);
			position: absolute;
			left: 0px;
			top: 0px;
			background: black;
			display: none;
		}
		.slide2{
			background:url(../imgs/slideBack.png) repeat 0px 0px;
		}
	}
	.bigimg{
		position: absolute;
		left: 370px;
		top: 0px;
		width: 400px;
		height: 400px;
		overflow:hidden;
		border:2px solid #ddd;
		display: none;;
		li{
			position: absolute;
			left: 0px;
			top: 0px;
		}
	}
	.thumbArea{
		width: 352px;
		height: 54px;
		position: absolute;
		left: 0px;
		top: 360px;
		overflow: hidden;
		.prev{
			cursor: default;
			background: url(../imgs/back.png) no-repeat -68px -139px;
			width: 17px;
			height: 54px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.thumbAll{
			position: absolute;
			left: 23px;
			top: 0px;
			overflow: hidden;
			width: 315px;
			height: 54px;
			.thumb{
				position: absolute;
				left: 0px;
				top: 0px;
				li{
					cursor: pointer;
					height: 50px;
					padding: 1px;
					border:1px solid #ccc;
					float: left;
					margin-right: 9px;
				}
				li.activeThumb{
					border:2px solid #E4393C;
					padding: 0px;
				}
			}
			.thumb2{
				li{
					border:1px solid #999;
				}
				li.activeThumb{
					border:2px solid #383232;
					padding: 0px;
				}
			}
		}
		.next{
			cursor: default;
			background: url(../imgs/back.png) no-repeat -85px -139px;
			width: 17px;
			height: 54px;
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.nextActive{
			cursor: pointer;
			background-position: -17px -139px;
		}
		.prevActive{
			cursor: pointer;
			background-position: 0 -139px;
		}
	}

}